
<template>
    <el-table :data = 'dishOrder' style="width:100%" 
    :header-cell-style="this.$store.state.headerCssObj"    
    :cell-style="this.$store.state.cellCssObj">
        <el-table-column align = 'center' prop = 'tableNum' label = '桌号'></el-table-column>
        <el-table-column align = 'center' prop = 'name' label = '菜名'></el-table-column>
        <el-table-column align = 'center' prop = 'price' label = '单价'></el-table-column>
        <el-table-column align = 'center' prop = 'num' label = '数量'></el-table-column>
        <el-table-column align = 'center' label = '操作'>
             <template slot-scope="scope">
                <el-button size="mini" type="danger" >查看详情</el-button>
            </template>
        </el-table-column> 
        </el-table>
</template>

<script>
    export default {
        name: "diySelect",
        props: ['optionData', 'Multiple','size'],
        data() {

            return {
                mysize:this.size,
                myMultiple: this.Multiple,
                options: this.optionData,
                value: '',
                dishOrder:
                    [
                        {tableNum:5,name:'香蕉',price:9,num:5},
                        {tableNum:5,name:'香蕉',price:9,num:5},
                        {tableNum:5,name:'香蕉',price:9,num:5},
                        {tableNum:5,name:'香蕉',price:9,num:5},
                        {tableNum:5,name:'番茄',price:10,num:8},
                        {tableNum:5,name:'番茄',price:10,num:8},
                        {tableNum:5,name:'番茄',price:10,num:8},
                        {tableNum:5,name:'番茄',price:10,num:8},
                        {tableNum:5,name:'番茄',price:10,num:8},
                        {tableNum:5,name:'黄瓜',price:4,num:9},
                        {tableNum:5,name:'黄瓜',price:4,num:9},
                        {tableNum:5,name:'黄瓜',price:4,num:9},
                        {tableNum:5,name:'黄瓜',price:4,num:9},
                        {tableNum:5,name:'黄瓜',price:4,num:9},
                        {tableNum:5,name:'黄瓜',price:4,num:9},
                        {tableNum:5,name:'黄瓜',price:4,num:9},
                        {tableNum:5,name:'黄瓜',price:4,num:9},
                    ]

            }
        },
        methods: {
            choose(val) {
                // console.log(val);
                this.$emit('choose', val);
            }
        },
    }
</script>

<style scoped>

</style>